<%-- 
    Document   : index
    Created on : 21-feb-2013, 17:20:40
    Author     : jonathan
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" href="images/BrightSide.css" type="text/css" />
        <link href="css/style.css" type="text/css" rel="stylesheet" media="screen,projection" />
        <script src="js/jquery.min.js" type="text/javascript" charset="UTF-8"></script>
        <script src="js/animation.js" type="text/javascript" charset="UTF-8"></script>
        <script src="js/FuncionesInicio.js" type="text/javascript"></script>
        <title>Gutt</title>
    </head>
    
    <%
      HttpSession session_actual = request.getSession(true);
      String user = (String) session_actual.getAttribute("user");
      String tipo = (String) session_actual.getAttribute("tipo");
     
      if(user==null){
          
        %>
    <body>
        <!-- wrap starts here -->
<div id="wrap">	
	<div id="header">				
			
                <h1 id="logo" style="text-transform: uppercase;">
                    G<span class="green">U</span>T<span class="gray">T</span></h1>
		<h2 id="slogan">La casa del saber </h2> 
		
		<!--<form method="post" class="searchform" action="#">
			<p><input type="text" name="search_query" class="textbox" />
  			<input type="submit" name="search" class="button" value="Search" /></p>
		</form>
			
		<!-- Menu Tabs -->
		<ul>
			<li id="current"><a href="index.html"><span>Inicio</span></a></li>
			<li><a href="index.html"><span>¿Quienes somos?</span></a></li>
			<li><a href="index.html"><span>Aspirantes</span></a></li>
			<li><a href="index.html"><span>Carreras</span></a></li>
			<li><a href="index.html"><span>Soporte</span></a></li>
			<li><a href="index.html"><span>Contactanos</span></a></li>			
		</ul>	
													
	</div>	
				
	<!-- content-wrap starts here -->
	<div id="content-wrap">		
											
	<img src="images/headerphoto.jpg" width="820" height="120" alt="headerphoto" class="no-border" />
		
		<div id="sidebar" >							
				
			<h1>Menu</h1>
			<ul class="sidemenu">
				<li><a href="#">Pre-escolar</a></li>
				<li><a href="#">Primaria</a></li>
				<li><a href="#">Secundaria</a></li>
				<li><a href="#">Bachillerato General</a></li>
				<li><a href="#">Bachillerato Tecnologico</a></li>
                                <li><a href="#">Licenciatura</a></li>
                                <li><a href="#">Maestria</a></li>
                                <li><a href="#">Doctorado</a></li>
			</ul>						
		</div>
			
		<div id="main">	
			
			<a name="TemplateInfo"></a>
			<h1>Grupo Universitario Tzompanco Tepeyac<span class="green"></span></h1>
				
			<p><strong>Grupo Universitario Tzompanco Tepeyac</strong>
                            es una institucion que fue formada en el año de 1980, cuenta con 
                            mas de 1500 alumnos dentro de sus intalaciones y sus diversos niveles educativos
                            como son:</br><strong>
                                </br></br>
                            -Pre-escolar</br>
                            -Primaria</br>
                            -Secundaria</br>
                            -Bachillerato General</br>
                            -Bachillerato Tecnologico</br>
                            -Licenciatura</br>
                            -Maestria </br>
                            -Doctorado</br></strong>	
							
		</div>	
        
        <div id="Login">
            <center>
                </br></br>
                <form name="fvalida" action="Login" method="post">
                
            <table width="400" border="0">
                <tr>
                    <td>
                        <div>${resp}</div>
                    </td>
                </tr>    
            <tr>
                <td colspan="2" bgcolor="#999999">&nbsp;&nbsp;&nbsp;&nbsp;</td>
            </tr>
            <tr>
                <td colspan="2"><div align="center">
                        <h4>Pantalla de Entrada<br/></h4></div></br></td>
            </tr>
            <tr>
                <td class="negra" align="center">Usuario:</td>
                <td width="199">
                    <input type="text" name="usuario" 
                           placeholder="Introduce su usuario" maxlength="50" size="30"
                           onchange="mayusculas(this)"/><br/></br>
                </td>
            </tr>
            <tr>
                <td class="negra" align="center">Contraseña:</td>
                <td>
                    <input type="password" name="pass" id="textfield2" maxlength="20" size="30"
                           placeholder="Introduce tu Contraseña"/><br/></br>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <div align="center">
                        <div id="button-container" class="demo">
                        <button type="button" id="button" onclick="valida_envia();">Entrar</button>
                                    <div id="arrow-container">
                                            <div id="arrow-rectangle">
                                            </div>
                                            <div id="arrow-triangle" >
                                            </div>
                                    </div>
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td colspan="2" bgcolor="#999999">&nbsp;&nbsp;&nbsp;</td>
            </tr>
            </table>
        </form>
        </center>
        </div>
			
		<!--<div id="rightbar">
			
			<h1>Support Styleshout</h1>
			<p>If you are interested in supporting my work and would like to contribute, you are
			welcome to make a small donation through the 
			<a href="http://www.styleshout.com/">donate link</a> on my website - it will 
			be a great help and will surely be appreciated.</p>	
				
			<h1>Lorem Ipsum</h1>
			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. 
			Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu 
			posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede condimentum 
			odio, ac blandit ante orci ut diam.</p>
			
		</div>-->			
			
	<!-- content-wrap ends here -->		
	</div>

        <!-- footer starts here -->	
        <div id="footer">

                <div class="footer-left">
                        <p class="align-left">			
                        &copy; 2013 <strong>Gutt</strong> |
                        Diseñado por <a href="http://www.styleshout.com/">SmartSystem</a> |
                        Validado <a href="http://validator.w3.org/check/referer">XHTML</a> |
                        <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>
                        </p>		
                </div>

                <div class="footer-right">
                        <p class="align-right">
                        <a href="index.html">Inicio</a>&nbsp;|&nbsp;
                        <a href="index.html">Mapa de sitio</a>&nbsp;|&nbsp;
                        </p>
                </div>

        </div>
        <!-- footer ends here -->

        <!-- wrap ends here -->
        </div>
    <% }%>
    </body>
</html>

